<template>
  <!-- 卡片图 -->
  <el-card class="box-card">
    <!-- 表格 -->
    <el-table style="width: 100%">
      <el-table-column prop="date" label="序号" width="180" />
      <el-table-column prop="name" label="品牌名称" width="180" />
      <el-table-column prop="address" label="品牌LOGO" />
      <el-table-column prop="address" label="品牌操作" />
    </el-table>
    <!-- 页码 -->
    <el-pagination
      v-model:current-page="pageNo"
      v-model:page-size="limit"
      :page-sizes="[3, 5, 7, 9]"
      :background="true"
      layout=" prev, pager, next, jumper,->,total, sizes,"
      :total="400"
    />
  </el-card>
</template>
<script lang="ts" setup>
// 引入组合式APl函数ref
import { ref } from 'vue'
// 当前页码
let pageNo = ref<number>(1)
// 每一页展示多少条数据
let limit = ref<number>(3)
</script>

<style lang="scss" scoped></style>
